$(function(){
    // 在登陆页面点击注册跳转注册界面
    $('#link_reg').on('click',function(){
        $('.login-box').hide()
        $('.reg-box').show()
    })
    // 在注册页面点击登录跳转登录界面
    $('#link_login').on('click',function(){
        $('.login-box').show()
        $('.reg-box').hide()
    })

    // 定义表单验证规则
    let form = layui.form
    let layer = layui.layer
     form.verify({
        pwd : [/^[\S]{6,12}$/,'密码必须6-12位，不准有空格'],
        repwd : function(val) {
            let pwdval = $('.reg-box [name=password]').val()
            if(pwdval !== val) return '俩次密码不一致的亲！'
        }
    })

    // 监听注册表单提交事件
    $('#form-reg').on('submit',function(e){
        e.preventDefault()
        // 发起post请求
        $.post(
            'api/reguser',
            {username: $('#form-reg [name=username]').val(),
            password: $('#form-reg [name=password]').val()},
        function(res){
            if(res.status !==0) return layer.msg(res.message);
            layer.msg('恭喜你注册成功，请登录！')
            $('#link_login').click()
        })
    })

    // 监听登录表单提交事件
    $('#form-login').on('submit',function(e){
        e.preventDefault()
        $.ajax({
            method : 'post',
            url: 'api/login',
            data : $(this).serialize(),
            success : function(e) {
                if(e.status !== 0) return layer.msg('登陆失败')
                // console.log(e);
                layer.msg('登陆成功')
                localStorage.setItem('token',e.token)
                location.href= '/index.html'
            }
        })
    })
})